<template>
  <div>
    <div
      class="houses-list clearfix"
      v-for="(item, index) in listData"
      :key="index"
    >
      <div class="house-item2 house-item-v52" data-send="true">
        <div class="house-des clearfix">
          <div class="pic">
            <a
              class="pic-image"
              :href="jump + '/' + item.estateId + '.html'"
              target="_blank"
            >
              <el-image
                :src="item.imgUrl || ''"
                :alt="item.name"
                :title="item.name"
                fit="cover"
                lazy
                style="width: 100%; height: 100%"
              ></el-image>
              <span class="video-icon" v-if="false"></span>
              <p
                class="cash-back"
                v-show="item.houseType == 2 && item.retAmtMax > 0"
              >
                最高<strong class="s-b">返现{{ item.retAmtMax }}</strong
                >万
              </p>
            </a>
          </div>
          <div class="des-area">
            <div class="des-title">
              <span class="des-title-text"
                ><a
                  :href="jump + '/' + item.estateId + '.html'"
                  target="_blank"
                  >{{ item.name }}</a
                ></span
              >

              <a
                class="tag-lbs"
                :class="
                  item.saleStatus == 1
                    ? 'lbs-zs'
                    : item.saleStatus == 2
                    ? 'lbs-sq'
                    : 'lbs-ds'
                "
                to=""
                target="_blank"
                >{{
                  item.saleStatus == 1
                    ? "在售"
                    : item.saleStatus == 2
                    ? "售罄"
                    : "待售"
                }}</a
              >
            </div>
            <div class="des-detail">
              <div class="des-detail-produce">
                <p class="clearfix">
                  <span class="des-detail-name">地址</span>
                  <a
                    class="project-card-position"
                    :href="jump + '/' + item.estateId + '.html'"
                    target="_blank"
                    >{{ item.address }}</a
                  >
                </p>
                <p class="clearfix">
                  <span class="des-detail-name">户型</span>
                  <a
                    :href="jump + '/huxing-' + item.estateId + '.html'"
                    target="_blank"
                    >{{ item.mainRoom }}</a
                  >
                </p>
                <p class="clearfix">
                  <span class="des-detail-name">建面</span>
                  <a
                    :href="jump + '/' + item.estateId + '.html'"
                    target="_blank"
                    >{{
                      item.area && item.areaMax
                        ? `${item.area}-${item.areaMax}㎡`
                        : "待定"
                    }}</a
                  >
                </p>
              </div>
              <div class="des-tag">
                <a
                  class="tag-v5 tag-gray"
                  :href="jump + '/' + item.estateId + '.html'"
                  target="_blank"
                  v-show="item.lab1"
                  >{{ item.lab1 }}</a
                >
                <a
                  class="tag-v5 tag-gray"
                  :href="jump + '/' + item.estateId + '.html'"
                  target="_blank"
                  v-show="item.lab2"
                  >{{ item.lab2 }}</a
                >
                <a
                  class="tag-v5 tag-gray"
                  :href="jump + '/' + item.estateId + '.html'"
                  target="_blank"
                  v-show="item.lab3"
                  >{{ item.lab3 }}</a
                >
              </div>
            </div>
          </div>
          <div class="des-house-price">
            <div class="des-house-price-item">
              <a
                class="price"
                :href="jump + '/' + item.estateId + '.html'"
                target="_blank"
                v-html="
                  item.meterPrice
                    ? `单价约<span style='font-size: 24px;'>${item.meterPrice}</span>元/m²`
                    : '待定'
                "
              ></a>
              <div class="price-valuation">
                <!-- <i class="question-mark-icon"></i> -->
                <i class="el-icon-question"></i>
                <a href="javascript:void(0);"
                  >参考总价：{{
                    item.totalPrice && item.totalPriceMax
                      ? `${item.totalPrice}-${item.totalPriceMax}万`
                      : "待定"
                  }}</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    listData: {
      type: Array,
      default: [],
    },
    jump: {
      type: String,
      default: null,
    },
  },
};
</script>